<template>
  <div class="content">
      <div class="item-1">转轮寿命短</div>
      <div class="item-2">用起来不方便</div>
      <div class="item-3">噪音太大</div>
      <div class="item-4">性能不稳</div>
      <div class="item-5">产品设计不合理</div>
      <div class="item-6">能耗高</div>
      <div class="item-7">维修不方便</div>
  </div>
</template>

<script>
export default {
  name: "evaluation-form"
}
</script>

<style lang="scss" scoped>
@import "src/styles/conversion.scss";

.content {
  width: 100%;
  height: 100%;
  position: relative;

  .flex-box {
    @include flex-center;
    flex-wrap: wrap;
  }



  .item-1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: px2vw(60);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }

  .item-2{
    position: absolute;
    top: 40%;
    left: 70%;
    transform: translate(-50%,-50%);
    font-size: px2vw(55);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }
  .item-3{
    position: absolute;
    top: 63%;
    left: 65%;
    transform: translate(-50%,-50%);
    font-size: px2vw(50);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }
  .item-4{
    position: absolute;
    top: 30%;
    left: 35%;
    transform: translate(-50%,-50%);
    font-size: px2vw(47);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }
  .item-5{
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: px2vw(35);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }
  .item-6{
    position: absolute;
    top: 52%;
    left: 35%;
    transform: translate(-50%,-50%);
    font-size: px2vw(30);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }
  .item-7{
    position: absolute;
    top: 65%;
    left: 35%;
    transform: translate(-50%,-50%);
    font-size: px2vw(26);
    font-weight: 500;
    color:rgba(50, 227, 255);
  }
}
</style>
